<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<title>欧洲人之光商城</title>

	<link
		href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/amazeui.css"
		rel="stylesheet" type="text/css" />
	<link
		href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/admin.css"
		rel="stylesheet" type="text/css" />

	<link href="${pageContext.request.contextPath }/basic/css/demo.css"
		rel="stylesheet" type="text/css" />

	<link href="${pageContext.request.contextPath }/css/hmstyle.css"
		rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath }/css/skin.css"
		rel="stylesheet" type="text/css" />
	<script
		src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#nav").hide();
			$("#allcateogry").hover(function () {
			    $("#nav").show();
			}, function () {
			    $("#nav").hide();
			})
			// 鼠标移动到list的div上的时候list div不会被隐藏
			$("#nav").hover(function () {
			    $("#nav").show();
			}, function () {
			    $("#nav").hide();
			})
		});
	</script>
</head>

<body>
	<div class="hmtop">
		<!--顶部导航条 -->
		<!--悬浮搜索框-->
		<%@ include file="menu.jsp"%>
		<%@ include file="find.jsp"%>
	</div>
		<div class="banner" >
            <!--轮播 -->
            
			<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
				<ul class="am-slides">
					<li class="banner1"><a href="${pageContext.request.contextPath }/product_findByPid.action?pid=38009"><img src="${pageContext.request.contextPath }/images/ad1.jpg" /></a></li>
					<li class="banner2"><a href="${pageContext.request.contextPath }/product_findByPid.action?pid=38008"><img src="${pageContext.request.contextPath }/images/ad2.jpg" /></a></li>
					<li class="banner3"><a href="${pageContext.request.contextPath }/product_findByPid.action?pid=38010"><img src="${pageContext.request.contextPath }/images/ad3.jpg" /></a></li>
					<li class="banner4"><a href="${pageContext.request.contextPath }/product_findByPid.action?pid=38011"><img src="${pageContext.request.contextPath }/images/ad4.jpg" /></a></li>
				</ul>
			</div>
			  <!--
			 <div class="flexslider" id="demo-slider-0">
		  		<ul class="slides">
		    		<li><img src="${pageContext.request.contextPath }/images/ad1.jpg" /></li>
		    		<li><img src="${pageContext.request.contextPath }/images/ad2.jpg" /></li>
		            <li><img src="${pageContext.request.contextPath }/images/ad3.jpg" /></li>
		            <li><img src="${pageContext.request.contextPath }/images/ad4.jpg" /></li>
		  		</ul>
		  	</div>
			 -->
			<div class="clear"></div>	
		</div>
	
		<div class="shopNav">
			<div class="slideall">
			   <%@ include file="category.jsp" %>
		<!--侧边导航 -->
		
		<%@ include file="leftCategory.jsp" %>

	<!--轮播-->
	<script type="text/javascript">
		(function() {
			$('.am-slider').flexslider();
		});

		$(document).ready(function(){
			$("li").hover(
				function(){
					$(".category-content .category-list li.first .menu-in").css("display","none");
					$(".category-content .category-list li.first").removeClass("hover");
					$(this).addClass("hover");
					$(this).children("div.menu-in").css("display", "block")
				},
				function() {
					$(this).removeClass("hover")
					$(this).children("div.menu-in").css("display", "none")
			});
		})

	</script>

		<!--小导航 -->
		<div class="am-g am-g-fixed smallnav">
			<div class="am-u-sm-3">
				<a href="sort.html"><img
					src="${pageContext.request.contextPath}/images/navsmall.jpg" />
					<div class="title">商品分类</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img
					src="${pageContext.request.contextPath}/images/huismall.jpg" />
					<div class="title">大聚惠</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img
					src="${pageContext.request.contextPath}/images/mansmall.jpg" />
					<div class="title">个人中心</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img
					src="${pageContext.request.contextPath}/images/moneysmall.jpg" />
					<div class="title">订单管理</div> </a>
			</div>
		</div>

		<!--走马灯 -->

		<div class="marqueen">
			<div class="demo">
				<ul>
					<div class="mod-vip">
						<s:if test="#session.existUser == null">
							<div class="m-baseinfo">
								<a href="${pageContext.request.contextPath}/person/index.html">
									<img
									src="${pageContext.request.contextPath}/images/getAvatar.do.jpg">
								</a> <em> Hi,<span class="s-name">小叮当</span> <a href="#"><p>点击更多优惠活动</p></a>
								</em>
							</div>
							<div class="member-logout">
								<a class="am-btn-warning btn"
									href="${pageContext.request.contextPath }/user_loginPage.action">登录</a>
								<a class="am-btn-warning btn"
									href="${pageContext.request.contextPath }/user_registPage.action">注册</a>
							</div>
						</s:if>
						<s:else>
							<div class="m-baseinfo">
								<a href="${pageContext.request.contextPath}/person/index.html">
									<img
									src="${pageContext.request.contextPath}/<s:property value="#session.existUser.image" />">
								</a> <em> Hi,<span class="s-name"><s:property
											value="#session.existUser.name" /></span> <a href="#"><p>点击更多优惠活动</p></a>
								</em>
							</div>
							<div class="">
								<table style="width: 100%">
									<tr>
											<td style="text-align: center;"><a href="#"><font
													style="font-weight: bold;" color="orange">
													</font>&nbsp;&nbsp;待收货</a>
											</td>
											<td style="text-align: center;"><a href="#"><font
													style="font-weight: bold;" color="orange">0</font>&nbsp;&nbsp;待发货</a>
											</td>
									</tr>
									<tr>
											<td style="text-align: center;"><a href="#"><font
													style="font-weight: bold;" color="orange">0</font>&nbsp;&nbsp;待付款</a>
											</td>
											<td style="text-align: center;"><a href="#"><font
													style="font-weight: bold;" color="orange">0</font>&nbsp;&nbsp;待评价</a>
											</td>
									</tr>
								</table>
							</div>
							<div class="clear"></div>
						</s:else>
					</div>
					<li class="title-first"><a target="_blank" href="#"> <img
							src="${pageContext.request.contextPath}/images/TJ2.jpg"></img> <span>[特惠]</span>商城爆品1分秒
					</a></li>
					<li class="title-first"><a target="_blank" href="#"> <span>[公告]</span>商城与广州市签署战略合作协议
							<img src="${pageContext.request.contextPath}/images/TJ.jpg"></img>
							<p>XXXXXXXXXXXXXXXXXX</p>
					</a></li>


					<li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li>
					<li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li>
					<li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券
							买1送1！</a></li>
					<li class="title-first"><a target="_blank" href="#"> <img
							src="${pageContext.request.contextPath}/images/TJ2.jpg"></img> <span>[特惠]</span>商城爆品1分秒
					</a></li>

				</ul>
				<div class="advTip">
					<a href="#"><img src="${pageContext.request.contextPath}/images/advTip.jpg" /></a>
				</div>
			</div>
		</div>

		<div class="clear"></div>
	</div>
	<script type="text/javascript">
		if ($(window).width() < 640) {
			function autoScroll(obj) {
				$(obj).find("ul").animate({
					marginTop : "-39px"
				}, 500, function() {
					$(this).css({
						marginTop : "0px"
					}).find("li:first").appendTo(this);
				})
			}
			$(function() {
				setInterval('autoScroll(".demo")', 3000);
			})
		}
	</script>
	</div>
	<div class="shopMainbg">
		<div class="shopMain" id="shopmain">
			<!--今日推荐 -->
			<div class="am-g am-g-fixed recommendation">
				<div class="clock am-u-sm-3"">
					<img src="${pageContext.request.contextPath}/images/2017.png "></img>
					<p>
						今日<br>推荐 
					</p>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>真的有鱼</h3>
						<h4>开年福利篇</h4>
					</div>
					<div class="recommendationMain one">
						<a href="introduction.html"><img
							src="${pageContext.request.contextPath}/images/tj.png "></img></a>
					</div>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>囤货过冬</h3>
						<h4>让爱早回家</h4>
					</div>
					<div class="recommendationMain two">
						<img src="${pageContext.request.contextPath}/images/tj1.png "></img>
					</div>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>浪漫情人节</h3>
						<h4>甜甜蜜蜜</h4>
					</div>
					<div class="recommendationMain three">
						<img src="${pageContext.request.contextPath}/images/tj2.png "></img>
					</div>
				</div>
			</div>
			
			<div class="clear "></div>
			<!--活动 -->

			<div class="am-container activity ">
				<div class="shopTitle ">
					<h4>活动</h4>
					<h3>每期活动 优惠享不停</h3>
					<span class="more "> <a href="# ">全部活动<i
							class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
					</span>
				</div>
				<div class="am-g am-g-fixed ">
					<div class="am-u-sm-3 ">
						<div class="icon-sale one "></div>
						<h4>秒杀</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/activity101.jpg "></img>
						</div>
						<div class="info ">
							<h3>秒杀</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale two "></div>
						<h4>特惠</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/activity102.jpg "></img>
						</div>
						<div class="info ">
							<h3>特惠</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale three "></div>
						<h4>团购</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/activity103.jpg "></img>
						</div>
						<div class="info ">
							<h3>团购</h3>
						</div>
					</div>

					<div class="am-u-sm-3 last ">
						<div class="icon-sale "></div>
						<h4>超值</h4>
						<div class="activityMain ">
							<img
								src="${pageContext.request.contextPath}/images/activity100.jpg "></img>
						</div>
						<div class="info ">
							<h3>超值</h3>
						</div>
					</div>

				</div>
			</div>
			<div class="clear "></div>


			<div id="f1">
				<!--热门-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>热门</h4>
						<h3>今日最热 HOT！！！</h3>
						<div class="today-brands ">
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=42&pageNo=1">小米</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=54&pageNo=1">360</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=48&pageNo=1">OPPO</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=45&pageNo=1">魅族</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=47&pageNo=1">锤子</a>
						</div>
						<span class="more "> <a href="# ">更多美味<i
								class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word">
							<a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><span class="inner"><b
									class="text">性能</b></span></a> <a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><span
								class="inner"><b class="text">拍照</b></span></a> <a class="outer"
								href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><span class="inner"><b class="text">续航</b></span></a> 
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=38012">
							<div class="outer-con ">
								<div class="title ">年度超级大热门！</div>
								<div class="sub-title ">小米5↓↓↓</div>
							</div> <img src="${pageContext.request.contextPath}/images/act101.png" />
						</a>
						<div class="triangle-topright"></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug">
						<div class="outer-con ">
							<div class="title ">荣耀8</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=85"><img
							src="${pageContext.request.contextPath}/products/p_101_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two">
						<div class="outer-con ">
							<div class="title ">锤子M1L</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><img
							src="${pageContext.request.contextPath}/products/p_102_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three big">
						<div class="outer-con ">
							<div class="title ">OPPO R9s</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><img
							src="${pageContext.request.contextPath}/products/p_103_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug">
						<div class="outer-con ">
							<div class="title ">乐Pro3</div>
							<div class="sub-title ">¥1999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=93"><img
							src="${pageContext.request.contextPath}/products/p_104_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">nubia Z11</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=95"><img
							src="${pageContext.request.contextPath}/products/p_105_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">360N5</div>
							<div class="sub-title ">¥1799</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><img
							src="${pageContext.request.contextPath}/products/p_106_mid.jpg" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>
			
			<div id="f2">
				<!--最新-->
				<div class="am-container ">
					<div class="shopTitle ">
						<h4>最新</h4>
						<h3>新奇趣怪！！！</h3>
						<div class="today-brands ">
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=42&pageNo=1">小米</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=54&pageNo=1">360</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=48&pageNo=1">OPPO</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=45&pageNo=1">魅族</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=47&pageNo=1">锤子</a>
						</div>
						<span class="more "> <a href="# ">更多美味<i
								class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word">
							<a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><span class="inner"><b
									class="text">性能</b></span></a> <a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><span
								class="inner"><b class="text">拍照</b></span></a> <a class="outer"
								href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><span class="inner"><b class="text">续航</b></span></a> 
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=38012">
							<div class="outer-con ">
								<div class="title ">年度超级大热门！</div>
								<div class="sub-title ">小米5↓↓↓</div>
							</div> <img src="${pageContext.request.contextPath}/images/act101.png" />
						</a>
						<div class="triangle-topright"></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug">
						<div class="outer-con ">
							<div class="title ">荣耀8</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=85"><img
							src="${pageContext.request.contextPath}/products/p_101_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two">
						<div class="outer-con ">
							<div class="title ">锤子M1L</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><img
							src="${pageContext.request.contextPath}/products/p_102_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three big">
						<div class="outer-con ">
							<div class="title ">OPPO R9s</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><img
							src="${pageContext.request.contextPath}/products/p_103_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug">
						<div class="outer-con ">
							<div class="title ">乐Pro3</div>
							<div class="sub-title ">¥1999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=93"><img
							src="${pageContext.request.contextPath}/products/p_104_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">nubia Z11</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=95"><img
							src="${pageContext.request.contextPath}/products/p_105_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">360N5</div>
							<div class="sub-title ">¥1799</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><img
							src="${pageContext.request.contextPath}/products/p_106_mid.jpg" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>
			
			<div id="f10">
				<!--随便看看-->
				<div class="am-container ">
					<div class="shopTitle ">
						<h4>随便看看</h4>
						<h3>随心随意！！！</h3>
						<div class="today-brands ">
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=42&pageNo=1">小米</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=54&pageNo=1">360</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=48&pageNo=1">OPPO</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=45&pageNo=1">魅族</a> 
							<a href="${pageContext.request.contextPath }/product_findByCsid.action?csid=47&pageNo=1">锤子</a>
						</div>
						<span class="more "> <a href="# ">更多美味<i
								class="am-icon-angle-right" style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word">
							<a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><span class="inner"><b
									class="text">性能</b></span></a> <a class="outer" href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><span
								class="inner"><b class="text">拍照</b></span></a> <a class="outer"
								href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><span class="inner"><b class="text">续航</b></span></a> 
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=38012">
							<div class="outer-con ">
								<div class="title ">年度超级大热门！</div>
								<div class="sub-title ">小米5↓↓↓</div>
							</div> <img src="${pageContext.request.contextPath}/images/act101.png" />
						</a>
						<div class="triangle-topright"></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug">
						<div class="outer-con ">
							<div class="title ">荣耀8</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=85"><img
							src="${pageContext.request.contextPath}/products/p_101_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two">
						<div class="outer-con ">
							<div class="title ">锤子M1L</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=89"><img
							src="${pageContext.request.contextPath}/products/p_102_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three big">
						<div class="outer-con ">
							<div class="title ">OPPO R9s</div>
							<div class="sub-title ">¥2999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=90"><img
							src="${pageContext.request.contextPath}/products/p_103_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug">
						<div class="outer-con ">
							<div class="title ">乐Pro3</div>
							<div class="sub-title ">¥1999</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=93"><img
							src="${pageContext.request.contextPath}/products/p_104_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">nubia Z11</div>
							<div class="sub-title ">¥2499</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=95"><img
							src="${pageContext.request.contextPath}/products/p_105_mid.jpg" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">360N5</div>
							<div class="sub-title ">¥1799</div>
							<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
						</div>
						<a href="${pageContext.request.contextPath}/product_findByPid.action?pid=96"><img
							src="${pageContext.request.contextPath}/products/p_106_mid.jpg" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>
			<!-- 最底部 -->
			<%@ include file="floor.jsp"%>
		</div>
	</div>
	<!--引导 -->
	<%@ include file="guide.jsp" %>
	<!--菜单 -->
	<!--回到顶部 -->
	<%@ include file="right.jsp"%>
	<script>
		window.jQuery
				|| document
						.write('<script src="${pageContext.request.contextPath }/basic/js/jquery.min.js "><\/script>');
	</script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/basic/js/quick_links.js "></script>
</body>

</html>